<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>确认订单</title>
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/checkout.css" />
</head>

<body>
  <div class="container">
    <div class="header">
      <div class="lt" onclick="javascript:history.go(-1)">&lt;</div>
      <div class="ct">确认订单</div>
      <div class="rt"></div>
    </div>
    <div class="address-box">
      <!-- <div class="address-item address-empty" >
            <div class="m">
               还没有收货地址，去添加
            </div>
            <div class="r">
                <img src="./static/images/address_right.png"/>
            </div>
        </div> -->
    </div>

    <div class="coupon-box">
      <div class="coupon-item">
        <div class="l">
          <span class="name">请选择优惠券</span>
          <span class="txt">100张</span>
        </div>
        <div class="r">
          <img src="./static/images/address_right.png" />
        </div>
      </div>
    </div>

    <div class="order-box"></div>

    <div class="goods-items"></div>

    <div class="order-total"></div>
  </div>
  <script type="text/html" id="tpl-address">
      <div class="address-item">
        <div class="l">
          <span class="name">{{name}}</span>
          <!-- <span class="default" >默认</span> -->
          <span class="default">默认</span>
        </div>
        <div class="m">
          <span class="mobile">{{mobile}}</span>
          <span class="address">{{full_region}}</span>
        </div>
        <div class="r">
          <a href="./address.html"
            ><img src="./static/images/address_right.png"
          /></a>
        </div>
      </div>
    </script>
  <script type="text/html" id="tpl-goods">
      {{each cartList}}
      <div class="item" data-checked="{{$value.checked}}">
        <div class="img">
          <img src="{{$value.list_pic_url}}" />
        </div>
        <div class="info">
          <div class="t">
            <span class="name">{{$value.goods_name}}</span>
            <span class="number">x{{$value.number}}</span>
          </div>
          <div class="m">{{$value.goods_specifition_name_value}}</div>
          <div class="b">￥{{$value.retail_price}}</div>
        </div>
      </div>
      {{/each}}
    </script>
  <script type="text/html" id="tpl-order">
      <div class="order-item">
        <div class="l">
          <span class="name">商品合计</span>
        </div>
        <div class="r">
          <span class="txt">￥{{cartTotal.checkedGoodsAmount}}</span>
        </div>
      </div>
      <div class="order-item">
        <div class="l">
          <span class="name">运费</span>
        </div>
        <div class="r">
          <span class="txt">￥0</span>
        </div>
      </div>
      <div class="order-item no-border">
        <div class="l">
          <span class="name">优惠券</span>
        </div>
        <div class="r">
          <span class="txt">-￥0</span>
        </div>
      </div>
    </script>
  <script type="text/html" id="tpl-total">
      <div class="l">实付：￥{{checkedGoodsAmount}}</div>
      <a href="./orderDetail.html"
        ><div class="r" bindtap="submitOrder">去付款</div></a
      >
    </script>
  <script src="./js/jquery.js"></script>
  <script src="./js/layui/layui.all.js"></script>
  <script src="./js/baseAPI.js"></script>
  <script src="./js/template-web.js"></script>
  <script src="./js/checkout.js"></script>
</body>

</html>